<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10_文本样式.html</title>
    <style>
span{
    font-size: 40px;
    color: brown;
    height: 160px;
    width: 400px;
    background-color: bisque;
    display: inline-block;
    text-align: center;
    line-height: 160px;
    font-weight: bolder;
    font-style: italic;
    text-decoration: line-through;
    text-indent: 2em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Times New Roman', Times, serif;
            /* white-space: ;不换行 */ 
            /* overflow: hidden; 超出隐藏 */
            /* text-overflow: 三个点 ; */
}
a{
    text-decoration: none;
    color: blue;
}
    </style>
</head>
<body>
    <span>
        测试文本样式测试文本样式测试文本样式测试文本样式测试文本样式测试文本样式测试文本样式测试文本样式    </span>
   <a href="https://www.baidu.com">百度</a>

</body>
</html>